<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.w3.org/1999/xhtml"
      layout:decorate="~{front/common/framework}" xmlns:layout="http://www.w3.org/1999/xhtml">
<head>
  <title>用户中心_花瓣美素</title>
</head>
<body>
<div layout:fragment="content">
  <div class="toper">
    <div class="wrapper">
      <h2>探索花瓣美素世界！</h2>
    </div>
  </div>
  <div class="login_wrap logo_page1">
    <div class="wrapper">
      <div class="head">
        <h2>登录</h2>
        <span class="ui_line red"></span>
      </div>
      <div class="logo_body">
        <form id="ECS_LOGINFORM" name="ECS_LOGINFORM" method="post" action="/login" onsubmit="return check()">
          <div class="by">
            <h4 class="mt15"><a href="http://huaban.com/login/?next=http://www.meisubq.com/huaban/login" class="huaban_login">点击此处用花瓣帐号登录</a></h4>
            <div class="login_form">
              <input type="text" name="username" id="login_username" placeholder="手机号"
                     autocomplete="off" maxlength="16"/>
              <input type="password" name="password" id="login_password" placeholder="登录密码"
                     autocomplete="off" maxlength="20"/>
              <div class="rem">
                <input type="checkbox" value="" id="remember_me"  name="remember_me" />
                <label for="remember_me"></label>
                <span class='lt'>记住密码</span>　
                <span class='rg'><a href="/findpwd">忘记密码？</a></span>　　　
              </div>
            </div>
            <div class="mt200 btn">
              <button type="submit" id="login_btn">登录</button>
            </div>

            <p>还没有账号？<a href="javascript:;" class="zhuce">马上注册</a></p>

          </div>
        </form>
      </div>
    </div>
  </div>
</div>
<th:block layout:fragment="script">
  <script type="text/javascript">
    layui.use('layer', function(){
      if(Util.getQueryString('error')){
          layer.msg('用户名或密码错误！')
      }

      $('.zhuce').click(function () {
        $('.un-login ul li:last a').click();
      })
    })
    
    function check() {
      var login_name = $('#login_username').val();
      if(login_name == ''){
        layer.msg('请输入用户名')
        return false;
      }
    }
  </script>
</th:block>
</body>
</html>